<script setup>

const props = defineProps({
  form: {
    type: Array,
    default: []
  },
})

const emit = defineEmits(['update:form']);

const saveAll = () => {

};
</script>

<template>
  <div>
    <el-table :data="props.form" style="width: 100%">
      <el-table-column prop="key" label="KEY">
        <template #default="scope">
          <el-input v-model="scope.row.name" placeholder="name" disabled></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="value" label="VALUE">
        <template #default="scope">
          <el-input v-model="scope.row.value" placeholder="value" @input="saveAll"></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="type" label="描述">
        <template #default="scope">
          <el-input v-model="scope.row.description" placeholder="description" disabled></el-input>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<style scoped>

</style>